<!DOCTYPE HTML>
<html>
<head>
<title>PySCXML console</title>

<!-- <link rel="stylesheet" href="lib/themes/base/jquery.ui.all.css"> -->
<link rel="stylesheet" href="lib/themes/Aristo/Aristo.css">
<link rel="stylesheet" href="lib/themes/base/jquery.ui.menu.css">

<link rel="stylesheet" href="lib/codemirror/lib/codemirror.css">
<link rel="stylesheet" href="lib/codemirror/theme/default.css">
<link rel="stylesheet" href="lib/codemirror/theme/eclipse.css">
<link rel="stylesheet" href="lib/codemirror/theme/elegant.css">
<link rel="stylesheet" href="styles.css">

<script src="lib/jquery.js"></script>
<script src="lib/jquery-ui.min.js"></script>
<script src="lib/jquery.ba-bbq.min.js"></script>

<script src="lib/jquery.jLog.min.js"></script>
<script src="lib/jquery.reject.min.js"></script>
<script src="lib/jquery.format.js"></script>
<script src="SCXMLEventProcessor.js"></script>
<script src="sandbox.js"></script>

<script src="lib/codemirror/lib/codemirror.js"></script>
<script src="lib/codemirror/mode/xml/xml.js"></script>
</head>
<body>
<!-- <div> -->
<!-- <input id="connect" type="submit" value="connect">  -->
<!-- <input id="close" type="button" value="close"> -->
<!-- </div> -->
<div id="bkg">
<div id="main">
<div id="header" class="">
	<div>
	<h1 id="logo">SCXML</h1>
	<h1 id="sublogo">CONSOLE</h1>
	</div>
<!-- 	<div class="spacer"></div> -->
	<a href="http://spyderbrain.com">
	    <img src="img/logo1.png"></a>
	<!-- 	<div style="width : 200px;"></div> -->
</div>
<div id="columns" class="hbox">
	<div id="left_col">
		<ul>
			<li><a href="#editor">SCXML Editor</a></li>
		</ul>
		<div id="editor">
			<textarea id="doc" class="ui-corner-all"></textarea>
			<div class="col_footer hbox">
				<input id="sendDoc" type="submit" value="Run">
				<span class="spacer"></span>
				<form id="eventForm">
					<input type="text" id="message" size="40">
					<input id="sendEvent" type="submit" value="Send event">
				</form>
			</div>
		</div>
	</div>
	<div id="right_col" class="vbox">
		<div id="rightTab">
			<ul>
				<li><a href="#about">About</a></li>
				<li><a href="#menu">Examples</a></li>
			</ul>
			<div id="about">
				<p>
				The Spyderbrain <span class="capitals">SCXML</span> Console showcases the upcoming <span class="capitals">W3C</span> standard 
				<a href="http://www.w3.org/TR/scxml/"><span class="capitals">SCXML</span></a>, 
				powered by the open source <a href="http://code.google.com/p/pyscxml"><span class="capitals">PySCXML</span></a> processor.
				</p>

				<p>
				Email your questions to <a href="mailto:johan@roxendal.com">Johan Roxendal</a>. 
				</p>
				
				<p class="copyright">
				&#9426; <a href="http://spyderbrain.com"> Spyderbrain Technologies</a>, some rights reserved. 
				</p>
<!-- 				<p> -->
<!-- 				&copy; <a href="http://spyderbrain.com">Spyderbrain Technologies</a> -->
<!-- 				</p> -->
			</div>
			<div id="menu"></div>
		</div>
		<p class="ui-state-highlight ui-corner-all">
			<span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>
			Supported <code>datamodel</code> values are <code>"ecmascript"</code> (default) and <code>"python"</code>.
 		</p>
		<textarea id="log" readonly></textarea>
		
	</div>
</div>
<img id="logo_bkg" src="img/spider.png">
<!-- 	<div id="admin" title="Admin" style="display: none;"> -->
<!-- 		The admin section. -->
<!-- 	</div> -->
</div>
</div>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-18642449-3']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</body>
</html>
